<!DOCTYPE html>

<html>
    <!--HEAD-->
    <head>

        <title>## Chapataxi.com ##</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Taxi seguro utiliza chapa tu taxi y usa la nueva app chapataxi, disponible en 
              android y iOS"/>
        <link href="css/footer.css" rel="stylesheet" type="text/css"/>
        <link href="css/menu.css" rel="stylesheet" type="text/css"/>
        <link rel="stylesheet" href="css/estilos.css"/>
            <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"/>
    </head>

    <!--BODY-->      
    <body>

        <!--HEADER-->
        <header>
            <!--logo-->
            <div  class="logo">
                <a id="img_logo" href="index.html"><img   src="img/logo.png"></a>
            </div>
            <!--slogan-->
            <nav>                 
                <!-- Menu de navegación -->
                <ul class="menu">

                    <a href="index.html"> <li >Inicio</li></a>
                    <a href="acerca.html"><li >Acerca</li></a>
                    <a href="conductor.html"><li id="actual_ta">Conductor</li></a>
                    <a href="pasajero.html"><li>Pasajero</li></a>
                    <a href="contacto.html"><li>Contacto</li></a>
                </ul>
            </nav>	
        </header>

        <!--CONTENIDO-->
        <div id="contenido_conductor">





        </div>
        <!--FOOTER-->
        <footer>

            <div class="foo_bloque1">

                <!--Area de contacto-->
                <div class="foo_contacto">

                    <div class="foo_cont_imgs">
                        <img class="img_cont" src="img/f_mail.png" />
                        <img class="img_cont" src="img/f_call.png" />
                    </div>


                    <div class="foo_cont_texto">

                        <div class="foo_text1">
                            <P class="foo_text0_label">Correo electrónico</P> 
                            <P class="foo_text1_label">Informes a:
                                <a href="mailto:info@chapataxi.com" class="outlook">info@chapataxi.com</a></P> 
                        </div>

                        <div class="foo_text1">
                            <P class="foo_text0_label">Central telefónica</P> 
                            <P class="foo_text1_label">llámanos al: (+51) 446-3602</P> 
                        </div>

                    </div>
                </div>

            </div>

            <div class="division">

            </div>


            <div class="foo_bloque2">

                <!--Area de Ubicacion-->
                <div class="foo_contacto2">

                    <div class="foo_cont_imgs2">
                        <img class="img_cont" src="img/f_ubicacion.png" />
                        <img class="img_cont" src="img/f_about.png" />
                    </div>

                    <div class="foo_cont_texto2">

                        <div class="foo_text2">
                            <P class="foo_text0_label">Jr. Colina 1238 Int 101 - Surquillo</P> 
                            <P class="foo_text1_label">Ubicanos con:
                                <a target="_blank" href="https://www.google.com.pe/maps/place/Colina,+Lima+15048/@-12.1179442,-77.0173506,17z/data=!3m1!4b1!4m2!3m1!1s0x9105c80f5c4e3693:0x4e942a93782b5bfe?hl=es-419" class="outlook">Google maps</a></P> 
                        </div>

                        <div class="foo_text2">
                            <P class="foo_text0_label">Copyright © 2014</P> 
                            <P class="foo_text1_label">Dsigned by: <a class="outlook" target="_blank" href="http://www.sixthelement.com.pe/">Sixth element comunicacion integral </a></P> 
                        </div>

                    </div>
                </div>   
            </div>

            <div class="division">

            </div>
            <div class="foo_bloque3">



            </div>




        </footer>
    </body>
</html>
